// First we remove the inline property. See: cargo_management/public/js/controls/overrides.js -> make_input()
// Setting custom height for ControlSmallText in Our Doctype
textarea.form-control[data-fieldtype="Small Text"] {
	@each $doctype in "Parcel", "Parcel Content", "Warehouse Receipt", "Cargo Shipment Receipt Line" {
		&[data-doctype='#{$doctype}'] {
			height: auto;
			background: red;  // TODO: Work in Progress.
		}
	}
}

// Transportation MultiCheck
div.frappe-control[data-fieldtype="TransportationMultiCheck"] {
	.checkbox.unit-checkbox {
		border-radius: 5px;

		input {
			display: none;
		}

		label {
			display: block;

			.label-area {
				color: currentColor;
			}

			&:has(input:checked) {
				background-color: currentColor;

				.label-area {
					color: white !important;
				}
			}
		}
	}
}
